<template>
  <div class="baoxiaoall_top">
    <div class="flexb" style="padding:0 30px; margin-bottom: 20px;">
        <div class="flexcc" style="height: 80px;">
          <div style="font-size: 14px; color: #FF2D2D; margin-right: 15px; cursor: pointer;" @click="goid('/productionDelivery')">< 返回系统</div>
          <div><img src="../../../../static/img/baobiao_logo.png" style="height: 38px;"></div>
          <div style="font-size: 20px; color: #FF2D2D; margin-left: 15px;">数据综合查询</div>
        </div>
        <div class="flex b_navs">
          <router-link class="b_nav" to="/baobiao/index" v-if="shopid == 304676 || shopid == 50481">综合看板</router-link>
          <router-link class="b_nav" to="/baobiao/xiaoshouqudao" v-if="shopid == 304676 || shopid == 50481">销售渠道</router-link>
          <router-link class="b_nav" to="/baobiao/xiaoshouqudao2" v-if="shopid == 304676 || shopid == 50481">分销商数据</router-link>
          <router-link class="b_nav" to="/baobiao/shangpinfenxi" v-if="shopid == 304676 || shopid == 50481">商品分析</router-link>
          <router-link class="b_nav" to="/baobiao/qudaohuafen">渠道划分</router-link>
        </div>
    </div>
    <div>

    </div>
  </div>
</template>

<script>
  import axios from "axios";
  export default {
    name: "apilist",
    data() {
      return {
        shopid:""
      }
    },
    created() {
      // this.getlist()
      //店铺权限问题
      this.shopid = JSON.parse(localStorage.getItem('SHOP')).shop_id;

    },
    mounted() {


    },
    methods: {
      godetail: function(id) {
        this.$router.push({
          path: '/apidetail',
          query: {
            'id': id
          }
        })
      },
      //翻页
      fanye: function(page) {
        this.loading = true
        this.page = page
        this.getlist()
      },
      //获取列表
      getlist: function() {
        var that = this
        axios.get('/api/plan-market/api/getapilist?page=' + this.page + '&page_size=' + this.pagesize + '&leibie=' +
            this.leibie)
          .then(response => {
            if (response.data.msg.code == 0) {
              that.list = response.data.data.data
              that.total = response.data.data.total
              that.loading = false
            } else {
              that.$message.error(response.data.msg.info);
            }
          })
      },
    }
  }
</script>

<style scoped lang="scss">
  .baoxiaoall_top{
    background: #fff; box-shadow: 0px 3px 3px #e2e2e2;
    .flex{display: flex;flex-wrap: wrap;}
    .flexb{ display: flex;flex-wrap: wrap;justify-content: space-between;}
    .flexc{ display: flex;flex-wrap: wrap;align-items: center;}
    .flexbc{display: flex;flex-wrap: wrap;justify-content: space-between; align-items: center;}
    .flexcc{display: flex;flex-wrap: wrap;justify-content: center; align-items: center;}
    .b_navs{ align-items: flex-end;
      .b_nav{ padding-bottom: 10px; border-bottom: 3px #fff solid; margin: 0 20px; color: #818181;}
      .router-link-active{border-bottom: 3px #f00 solid;}
    }
  }
</style>
